<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport"-->
    <!--content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">-->
    <title>金点子大赛网站--管理员页面</title>
    <link rel="icon" href="../images/html-icon.png"  type="image/x-icon">
    <!-- jQ -->
    <script src="../js/lib/jquery-3.2.1.js"></script>
    <!-- bootstrap -->
    <link rel="stylesheet" href="../bootstrap-3.3.7/dist/css/bootstrap.css">
    <link rel="stylesheet" href="../css/bil/spop.css">
    <!--  -->
    <link rel="stylesheet" href="../css/Admin-css/admin-base.css">
    <link rel="stylesheet" href="../css/Admin-css/powerManage.css">
</head>
<body>
    <div class="container-fluid pad-r">
        <div id="navMenu">
            <div class="pad-10">
                <a href="./../Admin/admin-index.html" class="db">
                    <img src="../images/LNClogo.gif"  class="w-max maskVal"/>
                </a>
            </div>
            <h4 class="text-center Text-color fz-18"> 金点子大赛管理系统 </h4>
            <div class="row text-center mar-0 pad-10 Text-color admin-color">
                <div class="col-xs-12">
                    <i class="glyphicon glyphicon-user Text-fwb"></i>
                    <span class="mar-5" id="admin-name"></span>
                </div>
                <div class="col-xs-12">
                    <i class="glyphicon glyphicon-info-sign Text-fwb"></i>
                    <span class="mar-5 mar-r Text-fwb">5</span>
                    /
                    <span>30</span>
                </div>
            </div>
            <ul id="allDownMenu" class="mar-0">
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/item-admin.html">
                            <i class="glyphicon glyphicon-th-list icon"></i>
                            <span>项目管理</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/user-admin.html">
                            <i class="glyphicon glyphicon-user icon"></i>
                            <span>用户管理</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/count.html">
                            <i class="glyphicon glyphicon-stats icon"></i>
                            <span>项目统计</span>
                        </a>
                    </div>
                </li>
                <li class="hasMenu">
                    <div class="menu-Item hasMenu-li">
                        <a href="javascript:;" class="">
                            <i class="glyphicon glyphicon-asterisk icon"></i>
                            <span>系统配置</span>
                            <i class="glyphicon glyphicon-chevron-left pull-right downIcon"></i>
                        </a>
                    </div>
                    <ul class="sonMenu">
                        <li class="menu-Item sonItem">
                            <a href="./../Admin/dataWordbook.html">数据字典</a>
                        </li>
                        <li class="menu-Item sonItem">
                            <a href="./../Admin/ad-list.html">公告管理</a>
                        </li>
                        <li class="menu-Item sonItem">
                            <a href="./../Admin/System-set.html">系统配置</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/powerManage.html">
                            <i class="glyphicon glyphicon-tasks icon"></i>
                            <span>权限管理</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="" id="admin-outLogin">
                            <i class="glyphicon glyphicon-off icon"></i>
                            <span>退出登录</span>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="pageMain Po-r">
            <!-- 页头 -->
            <div class="panel panel-default pageTitle mar-0 border-color Text-red">
                <div class="panel-body">
                    <span>权限管理</span>
                    <i class="glyphicon glyphicon-circle-arrow-left zzz pull-right" ></i>
                </div>
            </div>

            <!-- 中间 -->
            <div class="panel panel-default mar-0 mt-15 border-color pageMainBody">
                <div class="panel-body myPanelBody">
                    <div class="panel panel-default mar-0 classGroup">
                        <div class="panel-heading">权限类型
                            <i class="glyphicon glyphicon-plus" id="addPower-btn" data-toggle="modal" data-target="#addPower-model"></i>
                        </div>
                        <ul class="list-group mar-0" id="classGoup-UL">
                            <li class="list-group-item" data-toggle="tooltip" data-placement="right" title="该分组无法修改权限">Cras justo odio
                                <div class="Po-a">
                                    <i class="glyphicon glyphicon-pencil"></i>
                                    <i class="glyphicon glyphicon-trash"></i>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="panel panel-default mar-0 powerGroup">
                        <div class="panel-heading Po-r">权限列表</div>
                        <div class="panel-body">
                            <form id="powerForm">
                                <!--<label class="checkbox-inline">-->
                                    <!--<input type="checkbox" id="inlineCheckbox1" value="option1"> 哇哈哈-->
                                <!--</label>-->
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 添加用户分组-model -->
    <div class="modal fade" id="addPower-model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">添加新分组</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="newGroupName" class="col-sm-4 control-label">分组名</label>
                            <div class="col-sm-20">
                                <input type="text" class="form-control" id="newGroupName" placeholder="请输入新的分组名称" >
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="addGroup-btn">添加</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改用户分组-model -->
    <div class="modal fade" id="reviseGroup-model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">修改分组名</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-4 control-label">原组名</label>
                            <div class="col-sm-20">
                                <p class="form-control-static"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="newGroupName" class="col-sm-4 control-label">分组名</label>
                            <div class="col-sm-20">
                                <input type="text" class="form-control" id="newReviseGroupName" placeholder="请输入新的分组名称" >
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="reviseGroup-btn">修改</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 添加用户-->
    <!--<div class="modal fade" id="addUserGroup" tabindex="-1" role="dialog">-->
        <!--<div class="modal-dialog" role="document">-->
            <!--<div class="modal-content">-->
                <!--<div class="modal-header">-->
                    <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
                    <!--<h4 class="modal-title">Modal title</h4>-->
                <!--</div>-->
                <!--<div class="modal-body">-->
                    <!---->
                <!--</div>-->
                <!--<div class="modal-footer">-->
                    <!--<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>-->
                    <!--<button type="button" class="btn btn-primary">确定</button>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->

    <script src="../bootstrap-3.3.7/dist/js/bootstrap.js"></script>
    <script src="../js/lib/jquery.cookie.js"></script>
    <script src="../js/lib/spop.js"></script>
    <script src="../js/admin/admin-base.js"></script>
    <script src="../js/admin/powerManage.js"></script>
</body>
</html>